（1）状态性伪类根据当前元素状态进行选择。当元素处于某状态时会呈现该样式，而进入另一状态后，该样式也会失去。

（2）结构性伪类是css3新增选择器，利用dom树进行元素过滤，通过文档结构的互相关系来匹配元素。 我在知道这类选择器之前，写导航的最后一个元素的特殊样式时，都要定义一个last类名来定义样式，而应用这类伪类选择器简化了文档结构并且灵活性更好。

伪元素是对元素中的特定内容进行操作，而不是描述状态。它控制的内容和元素是相同的，但它本身并不存在于文档结构中！常见的伪元素选择器包括：

counter-reset:[ ? ]+ | none | inherit 默认值为none。 第一个参数用来定义计数器的名称，但不可以是CSS关键字例如none； 第二个参数用来定义计数器开始计数的起始值，默认为0（则计数从1开始）。 该属性的主要功能是标识计数器作用域，而且此值必须作用于选择器上，并且不可缺少。

counter-increment:[ ? ]+ | none | inherit 默认值为none。 第一个参数表示要调用的计数器的名称，就是在counter-reset里定义的那些； 第二个参数指定计数起始值。其值允许是0或者负整数值，如果未指定任何值，则该值为1（前提是counter-reset未显式设置计数的起始值）。其值递增是按倍数值递增，如果设置了值为2,后面元素递增值为4、6、8，依此类推。为负值时表示递减。

counter() 用来调用定义的计数器，接受两个参数，中间用 , 分隔。 第一个参数就是之前定义的计数器名。 第二个参数用来定义计数的样式，同列表的list-style。（包括：disc，circle，square，decimal，decimal-leading-zero，lower-roman，upper-roman，lower-greek， lower-latin，upper-latin，armenian，georgian， lower-alpha， upper-alpha，none， inherit）

:before/:after中有一个特殊的属性：content。除了chrome浏览器所有元素都支持content属性外，其他浏览器都只有:before/:after伪类中有这个属性。

content属性用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会改变文档内容，不会出现在 DOM 中，不可复制，仅仅是在 CSS 渲染层加入。

实现计数器：

我选择了个字母

据自己在写代码的过程中得到的一些体验来讲，在要设置counter-increment属性的选择器里一定要包含设置了counter-reset属性的元素作为选择器的一部分。